// 代码分离 (动态导入lodash)测试
// 方式一

// function component() {
// 	// let element = document.createElement('div');
// 	// lodash（目前通过一个 script 引入）对于执行这一行是必需的
// 	// element.innerHTML = _.join(['Hello---', 'webpack---'], '代码分离测试one---');
// 	// return element;
// 	return import(/* webpackChunkName: "lodash" */ 'lodash').then(({default: _}) => {
// 		let element = document.createElement('div');
// 		element.innerHTML = _.join(['Hello---', 'webpack---'], '代码分离dynamic动态导入---');
// 		return element;
// 	}).catch(error => 'An error occurred while loading the component');
// }
// document.body.appendChild(component());


// 方式二
async function getComponent () {
	let element = document.createElement('div');
	const {default: _} = await import(/* webpackChunkName: "lodash" */ 'lodash')
	
	element.innerHTML = _.join(['Hello---', 'webpack---'], '代码分离dynamic动态导入(async,await)---');
	return element;
}

getComponent().then((dyComponent) => {
	document.body.appendChild(dyComponent);
})
